<template>
	<div>
		<p>姓名：{{character.name}}</p>
		<p>年龄：{{character.age}}</p>
		<p>魔力：{{character.mana}}</p>
	</div>
</template>

<script setup>
	import {ref,reactive} from 'vue'
	const character=reactive({
		name:'银时',
		age:18,
		mana:2000
	})
	
	setInterval(()=>{
		character.mana=character.mana+500
	},2000)
</script>

<style>
</style>